﻿@{
    ViewBag.Title = "Inbox";
    Layout = "~/Views/Shared/Layout2.cshtml";
    <link rel="stylesheet" type="text/css" href="~/Content/plugins/select2/select2_metro.css" />
    <script type="text/javascript" src="/Scripts/Inbox/Inbox.js"></script>
    <script type="text/javascript" src="/Scripts/Inbox/Inbox2.js"></script>
}   

	<!-- BEGIN PAGE CONTAINER-->        
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<h3 class="page-title">
							Bandeja de Entrada
						</h3>

					</div>
				</div>
				<!-- END PAGE HEADER-->
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="span12 inbox">
	                    <div class="portlet box red">
	                    <div class="portlet-title">
		                    <div class="caption"><i class="icon-comments"></i>Solicitudes de Evaluacion de Crédito Por Asignar<span>(8)</span></div>
		                    <div class="tools">
                                 <a href="javascript:;" class="reload"></a>
			                    <a href="javascript:;" class="expand"></a>
		                    </div>
	                    </div>
		                <div class="portlet-body" style="display: none;">
			                <table class="table table-hover">
				                <thead>
					                <tr>
						                <th>#</th>
						                <th>Numero Solicitud</th>
						                <th>Empresa</th>
                                        <th>Grupo</th>
						                <th>Fecha Registro</th>
					                </tr>
				                </thead>
				                <tbody>
					                <tr>
						                <td>1</td>
						                <td><a data-toggle="modal" href="#responsive">
                                            2413</a></td>
						                <td>BCP</td>
                                        <td>Grupo Romero</td>
						                <td class="hidden-480">06/10/2013</td>
					                </tr>
					                <tr>
						                <td>2</td>
						                <td><a data-toggle="modal" href="#responsive">
                                            2414</a></td>
						                <td>Rimac</td>
                                        <td>Grupo Romero</td>
						                <td class="hidden-480">12/09/2013</td>
					                </tr>
					                <tr>
						                <td>3</td>
						                <td><a data-toggle="modal" href="#responsive">
                                            4382</a></td>
						                <td>PUCP</td>
                                        <td>Grupo PUCP</td>
						                <td class="hidden-480">03/06/2013</td>
					                </tr>
					                <tr>
						                <td>3</td>
						                <td><a data-toggle="modal" href="#responsive">
                                            0328</a></td>
						                <td>Interbank</td>
                                        <td>Grupo Interbank</td>
						                <td class="hidden-480">31/08/2013</td>
					                </tr>
				                </tbody>
			                </table>
                            <div class="pagination pagination-small">
									            <ul>
										            <li><a href="#">«</a></li>
										            <li><a href="#">1</a></li>
										            <li><a href="#">2</a></li>
										            <li><a href="#">3</a></li>
										            <li><a href="#">4</a></li>
										            <li><a href="#">»</a></li>
									            </ul>
				            </div>
		                </div>
                    </div>
					     <div class="portlet box yellow">
	                    <div class="portlet-title">
		                    <div class="caption"><i class="icon-comments"></i>Solicitudes de Crédito por Asignar <span>(10)</span></div>
		                    <div class="tools">
                                 <a href="javascript:;" class="reload"></a>
			                    <a href="javascript:;" class="expand"></a>
		                    </div>
	                    </div>
		                <div class="portlet-body" style="display: none;">
                            <div id="modal_asign_chiefid" hidden="hidden" value="1111"></div>
			                <table class="table table-striped table-hover">
				                <thead>
					                <tr>
						                <th>#</th>
						                <th>Numero Solicitud</th>
						                <th>Empresa</th>
                                        <th>Grupo</th>
						                <th>Fecha Registro</th>
					                </tr>
				                </thead>
				                <tbody id="monita">
					                @*<tr>
						                <td>1</td>
						                <td><a class="link-modal-asign-credit-request" data-toggle="modal" href="#responsive">2413</a></td>
						                <td>BCP</td>
                                        <td>Grupo Romero</td>
						                <td >06/10/2013</td>
					                </tr>
					                <tr>
						                <td>2</td>
						                <td><a class="link-modal-asign-credit-request" data-toggle="modal" href="#responsive">2414</a></td>
						                <td>Rimac</td>
                                        <td>Grupo Romero</td>
						                <td>12/09/2013</td>
					                </tr>
					                <tr>
						                <td>3</td>
						                <td><a class="link-modal-asign-credit-request" data-toggle="modal" href="#responsive">4382</a></td>
						                <td>PUCP</td>
                                        <td>Grupo PUCP</td>
						                <td>03/06/2013</td>
					                </tr>
					                <tr>
						                <td>3</td>
						                <td><a class="link-modal-asign-credit-request" data-toggle="modal" href="#responsive">0328</a></td>
						                <td>Interbank</td>
                                        <td>Grupo Interbank</td>
						                <td>31/08/2013</td>
					                </tr>*@
				                </tbody>
			                </table>
                                            <div class="pagination pagination-small">
									            <ul>
										            <li><a href="#">«</a></li>
										            <li><a href="#">1</a></li>
										            <li><a href="#">2</a></li>
										            <li><a href="#">3</a></li>
										            <li><a href="#">4</a></li>
										            <li><a href="#">»</a></li>
									            </ul>
				            </div>
		                </div>
                    </div>
					     <div class="portlet box purple">
	                    <div class="portlet-title">
		                    <div class="caption"><i class="icon-comments"></i>Reasignación de Solicitudes Vencidas <span>(5)</span></div>
		                    <div class="tools">
                                 <a href="javascript:;" class="reload"></a>
			                    <a href="javascript:;" class="expand"></a>
		                    </div>
	                    </div>
		                <div class="portlet-body" style="display: none;">
			                <table class="table table-striped table-hover">
				                <thead>
					                <tr>
						                <th>#</th>
						                <th>Numero Solicitud</th>
						                <th>Empresa</th>
                                        <th>Grupo</th>
						                <th>Días Expirados</th>
						                <th>Estación</th>
					                </tr>
				                </thead>
				                <tbody>
					                <tr>
						                <td>1</td>
						                <td><a id="confirm_reasignar1">
                                            2413</a></td>
						                <td>BCP</td>
                                        <td>Grupo Romero</td>
						                <td>5</td>
						                <td><span class="label label-warning">Estación 2</span></td>
					                </tr>
					                <tr>
						                <td>2</td>
						                <td><a id="confirm_reasignar2">
                                            2414</a></td>
						                <td>Rimac</td>
                                        <td>Grupo Romero</td>
						                <td>2</td>
						                <td><span class="label label-succes">Estación 1</span></td>
					                </tr>
					                <tr>
						                <td>3</td>
						                <td><a id="confirm_reasignar3">
                                            4382</a></td>
						                <td>PUCP</td>
                                        <td>Grupo PUCP</td>
						                <td>6</td>
						                <td><span class="label label-warning">Estación 2</span></td>
					                </tr>
					                <tr>
						                <td>3</td>
						                <td><a id="confirm_reasignar4">
                                            0328</a></td>
						                <td>Interbank</td>
                                        <td>Grupo Interbank</td>
						                <td >8</td>
						                <td><span class="label label-warning">Estación 2</span></td>
					                </tr>
				                </tbody>
			                </table>
                                            <div class="pagination pagination-small">
									            <ul>
										            <li><a href="#">«</a></li>
										            <li><a href="#">1</a></li>
										            <li><a href="#">2</a></li>
										            <li><a href="#">3</a></li>
										            <li><a href="#">4</a></li>
										            <li><a href="#">»</a></li>
									            </ul>
				            </div>
		                </div>
                    </div>
                         <div class="portlet box green">
	                    <div class="portlet-title">
		                    <div class="caption"><i class="icon-comments"></i>Solicitudes para aprobación <span>(10)</span></div>
		                    <div class="tools">
                                 <a href="javascript:;" class="reload"></a>
			                    <a href="javascript:;" class="collapse"></a>
		                    </div>
	                    </div>
		                <div class="portlet-body" style="display: block;">
                            <div id="modal_approval_idapp" hidden="hidden" value="1111"></div>
			                <table class="table table-striped table-hover">
				                <thead>
					                <tr>
						                <th>#</th>
						                <th>Numero Solicitud</th>
						                <th>Empresa</th>
						                <th class="hidden-480">Fecha</th>
						                <th>Estación</th>
					                </tr>
				                </thead>
				                <tbody>
					                <tr>
						                <td>1</td>
						                <td><a class="link-modal-approval-form-request" data-toggle="modal" href="#responsive">2413</a></td>
						                <td>BCP</td>
						                <td class="hidden-480">06/10/2013</td>
						                <td><span class="label label-success">Estación 1</span></td>
					                </tr>
					                <tr>
						                <td>2</td>
						               <td><a class="link-modal-approval-form-request" data-toggle="modal" href="#responsive">2413</a></td>
						                <td>Rimac</td>
						                <td class="hidden-480">12/09/2013</td>
						                <td><span class="label label-info">Estación 3</span></td>
					                </tr>
					                <tr>
						                <td>3</td>
						                <td><a class="link-modal-approval-form-request" data-toggle="modal" href="#responsive">2413</a></td>
						                <td>PUCP</td>
						                <td class="hidden-480">03/06/2013</td>
						                <td><span class="label label-warning">Estación 3</span></td>
					                </tr>
					                <tr>
						                <td>3</td>
						                <td><a class="link-modal-approval-form-request" data-toggle="modal" href="#responsive">2413</a></td>
						                <td>Interbank</td>
						                <td class="hidden-480">31/08/2013</td>
						                <td><span class="label label-danger">Estación 4</span></td>
					                </tr>
				                </tbody>
			                </table>
                                            <div class="pagination pagination-small">
									            <ul>
										            <li><a href="#">«</a></li>
										            <li><a href="#">1</a></li>
										            <li><a href="#">2</a></li>
										            <li><a href="#">3</a></li>
										            <li><a href="#">4</a></li>
										            <li><a href="#">»</a></li>
									            </ul>
				            </div>
		                </div>
                    </div>
					</div>
				</div>
				<!-- END PAGE CONTENT-->
			</div>
			<!-- END PAGE CONTAINER-->

    <!---------------------->
    <!-- POP UP ASIGNACION -->
    <!---------------------->
    <div id="responsive" class="modal hide fade" tabindex="-1" data-width="680">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
	    </div>
		<div class="modal-body content-inbox-modal-view">
		
		</div>

	</div> 
    
    <!------------------------>
    <!-- POP UP REASIGNACION -->
    <!------------------------>
    <div id="solicitud_permisos" title="REASIGNACION DE PERMISOS" class="hide">
	    <p><span class="icon icon-warning-sign"></span>
		    Melissa Zevallos no ha venido a la reunión. Lleva 6 tareas expiradas en la última semana. ¿Desea confiar o reasignar?
	    </p>
    </div>
    <!------------------------>
    <!-- pop up aprobacion --->
    <!------------------------>

     <div id="responsive1" class="modal hide fade" tabindex="-1" data-width="760">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
			<h3>Aprobacion de Trabajo</h3>
		</div>
		<div class="modal-body">
			<div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                <div class="span6 responsive" data-tablet="span12 fix-offset" data-desktop="span6">
                    <!-- BEGIN CONTROL GROUP-->
                    <div class="form-horizontal control-group row-fluid">
                       Solicitud N-12355 EMPRESA BCP
					</div>
                    <!-- END CONTROL GROUP-->
	               
                </div>
			</div>
		</div>
         <div class="form-actions">
        <button data-dismiss="modal" class=" gurdar btn green"><i class="icon-ok"></i> Aprobar</button>
	    <a class="btn blue"  data-dismiss="modal" data-toggle="modal" href="#responsiveRechazar" id="botonModal">Rechazar</a>
        </div>
	</div> 

    <!---------------------->
    <!-- modal rechazo------>
    <!---------------------->

    <div id="responsiveRechazar" class="modal hide fade" tabindex="-1" data-width="760">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
							<h3>Formulario de Rechazo</h3>
						</div>
						<div class="modal-body">
							<div class="scroller" style="height:300px" data-always-visible="1" data-rail-visible1="1">
                                <div class="span6 responsive" data-tablet="span12 fix-offset" data-desktop="span6">
                                    <!-- BEGIN CONTROL GROUP-->
                                    <div class="form-horizontal" style="margin-top:60px">
                                        <div class="control-group">
										    <label class="control-label">Motivo de rechazo</label>
                                            <div class="controls">
											    <select class="large m-wrap" tabindex="1">
												    <option value="Category 0">--</option>
												    <option value="Category 1">Riesgo</option>
												    <option value="Category 2">Moroso</option>
											    </select>
										    </div>
									    </div>
                                        <!-- END CONTROL GROUP-->
                                        <div class="control-group">
										    <label class="control-label">Observaciones</label>
										    <div class="controls">
											    <textarea class="large m-wrap" rows="3"></textarea>
										    </div>
									    </div>
                                    </div>
                                </div>
							</div>
						</div>
         <div class="form-actions">
            <button data-dismiss="modal" class=" gurdar btn green"><i class="icon-ok"></i> Guardar</button>
	        <button class="btn" data-dismiss="modal" type="button"> Cancelar </button>
        </div>
	</div>
